<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">
<h:head>
 	<link rel="stylesheet" href="#{facesContext.externalContext.requestContextPath}/resources/css/style.css" ></link>
	<link rel="stylesheet" href="#{facesContext.externalContext.requestContextPath}/resources/css/demos.css" />
</h:head>
<h:body>
   <div class="homepage" >
			<table width="100%" cellspacing="0" cellpadding="0" border="0">
				<tr>
					<td width="100%" height="70px"/>
				</tr>
				<tr>
					<td width="90%" height="300px">
						<table width="100%">
							<tr>
								<td  width="10px" height="50px"/>
								<td  width="90%"><h:form>	<div class="tabs-secondary">
											<ul class="tabs secondary">
									    	
									    	<li>
										   			<h:commandLink action="#{chantierController.retourAuChantier}"  value="Chantiers"/>
										   			</li>
									    		<li>
									    			<h:commandLink  action="#{clientController.retourAuClient}" value="Clients"/> </li>
												<li>
										   			<h:commandLink action="#{associeController.retourAuAssocie}"  value="Associés"/>
										   			</li>
										    	<li>
									    			<h:commandLink  action="#{userController.retourAuUser}" value="Utilisateurs Systeme"/> </li>
									   		
									   		<li>
									    			<h:commandLink  action="#{employeController.retourAEmploye}" value="Employés"/> </li>
									   		
									   		<li>
									    			<h:commandLink  action="#{fournisseurController.retourAuFournisseur}" value="Fournisseurs"/> </li>
									   		
									    			</ul>
									    			
									    			
									    	<ul class="tabs secondary">
									    	
									    	<li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li>
									    	<li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li>
									    	<li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li>
									    
									   		<li><h:commandLink  action="#{marchandiseController.retourAMarchandise}" value="Marchandises"/> </li>
   							    		    <li><h:commandLink  action="#{marchandiseController.retourACategorie}" value="Catégorie Marchandises"/> </li>
									    	<li><h:commandLink  action="#{fournisseurController.retourATypePaiement}" value="Types Paiements"/> </li>			
									    	</ul>
									  </div></h:form> 
								</td>
								<td/>
								
							</tr>
							
							<tr>
								<td  width="45px" height="200px"/>
								<td>
									<h:form>							
								         	<table width="700px">
<!-- 										<tr> -->
<!-- 											<td></td> -->
<!-- 											<td></td> -->
<!-- 										</tr> -->
										<tr>
											
											<td><h:outputLabel value="Somme Dû"/></td>
			    							<td align="left"><h:outputText id="SommeDu"
													value="#{fournisseurController.duAuFournisseur}">
												</h:outputText></td>
												
											<td><h:outputLabel value="Somme Déjà Payée"/></td>
			    							<td><h:outputText id="sommeDejaPayé"
													value="#{fournisseurController.dejaPaye}">
												</h:outputText></td>
											<td/>
											<td/>
										</tr>
										<tr>
											<td><h:outputLabel value="Reste A payer"/></td>
			    							<td align="left"><h:outputText id="resteAPayer"
													value="#{fournisseurController.aPayer}">
												</h:outputText></td>
											<td/>
										</tr>
											<tr>
											<td align="left">
											<table> 
											
										<tr>
											<td align="left" width="150px;"><h:outputLabel value="Type Paiement" styleClass="" /></td>
												<td><h:selectOneMenu  
													value="#{fournisseurController.idPaiement}" id="typePaie" >
													<f:selectItems value="#{fournisseurController.listTypePaie}" />
												</h:selectOneMenu>
												</td>	
										</tr>
										
										<tr>
											<td align="left" width="150px;"><h:outputLabel value="Associé" styleClass="" /></td>
												<td><h:selectOneMenu  
													value="#{fournisseurController.idAssocie}" id="associe" >
													<f:selectItems value="#{fournisseurController.listAssocie}" />
												</h:selectOneMenu>
												</td>	
										</tr>
										
										<tr>
											<td><h:outputLabel value="#{msg.cdatePaiement}"/></td>
			    							<td>
			    							
			    								<rich:calendar id="dateClient"
													datePattern="dd/MM/yyyy"
													value="#{fournisseurController.paiementFrs.datePaie}"
													dayStyleClass="disabledClassesProv" boundaryDatesMode="scroll"
													size="25" > 
												</rich:calendar>
											 </td>
										</tr>
										
										<tr>
										<td>
										<h:outputLabel value="Référence"/></td>
			    							<td><h:inputText id="Ref"
													value="#{fournisseurController.paiementFrs.reference}" size="35">
												</h:inputText></td>
											<td/>
										</tr>
										
										<tr>
										<td>
										<h:outputLabel value="montant"/></td>
			    							<td><h:inputText id="montant"
													value="#{fournisseurController.paiementFrs.montant}" size="35">
												</h:inputText></td>
											<td/>
										</tr>
										
										<tr>
				    									 <td><h:commandButton  value="Payer" action="#{fournisseurController.Payer}"/></td>  
				    									 </tr>
										
										</table>
										</td>
										</tr>
										<tr>
				    						<td/>
				    						<td/>
				    						<td width="10px"/>
				    						<td/>
				    						
										</tr>
									</table>
								
								
								
									</h:form>
								</td>
								<td/>
							</tr>
						</table>
					</td>
				</tr>
			</table>
	</div>
</h:body>
</html>